<template>
	<div>
		<feel-header></feel-header>
		<feel-search></feel-search>
		<feel-swiper :swiperList='swiperList'></feel-swiper>
		<feel-icon :iconlist='iconlist'></feel-icon>
		<feel-city :arealist='arealist'></feel-city>
		<!--  :area_list='area_list' :arealist='arealist'-->
	</div>
</template>

<script>
	import FeelHeader from './pags/Header.vue'
	import FeelSearch from './pags/Search.vue'
	import FeelSwiper from './pags/Swiper.vue'
	import FeelIcon from './pags/Icon.vue'
	import FeelCity from './pags/City.vue'
	
	import axios from 'axios'
	export default{
		components:{
			FeelHeader,
			FeelSearch,
			FeelSwiper,
			FeelIcon,
			FeelCity
		},
		data(){
			return{
				swiperList:[],
				iconlist:[],
				arealist:[]
				//arr:[]
			}
		},
		mounted(){
			axios.get('./feel.json').then((res)=>{
				const msg = res.data.data[0];
				this.swiperList = msg.swiperList;
				this.iconlist = msg.iconlist;
				this.arealist = msg.arealist;
				console.log(msg.arealist)
			})
		}
	}
</script>

<style>
</style>